import { Avatar, Divider } from "antd";
import "../public/style/components/author.css";

const Author = () => {
    return (
        <div className="author-div comm-box">
            <div>
                <Avatar
                    size={100}
                    src="http://up.enterdesk.com/edpic/2e/a2/82/2ea282c186df8a15b254409f04e53fc0.jpg"
                ></Avatar>
            </div>
            <div className="author-introduction">
                前端开发，vue/react+node全栈开发爱好者与实践者 <Divider>社交账号</Divider>
                <Avatar size={28} icon="github" className="account"></Avatar>
                <Avatar size={28} icon="qq" className="account"></Avatar>
                <Avatar size={28} icon="wechat" className="account"></Avatar>
            </div>
        </div>
    );
};

export default Author;
